@charset "utf-8";
/* CSS Document */

*,body,html,h1,h2,h3,h4,h5,h6,div,p,b,c,e,g,j,dl,dd,dt,span,strong{ padding:0px; margin:0px; font-family: 黑体,微軟正黑體, Arial, Helvetica, sans-serif; font-weight: normal;font-size:1em;}

h1,h2,h3,h4,h5,h6,div,p,b,c,e,g,j,dl,dd,dt,span,strong{ padding:0px; margin:0px; font-family: 黑体,微軟正黑體, Arial, Helvetica, sans-serif; font-weight: normal;}

body,html{height:100%; font-weight: normal;}

a{text-decoration: none; font-weight: normal;}

ul,li{list-style: none; font-weight: normal;}


.ckgd{width: 88%;margin: 0px auto;overflow: hidden;}
.ckgd h1{width: 10%;background-color: #ccc;text-align:center;margin: 0 auto;line-height: 2em;margin-top: 2%;border-radius: 5px;font-size: 1em;
float: right;}
.ckgd a{ color:#000;}






.top{height: 154px;width: 100%;z-index: 99999999999;}
.topScroll .header_top{display: none;}
.topScroll .index_header .headerBX{margin-top: 0;}
.topScroll .index_header .headerBX one{margin-top: 0.8%;}
.topScroll .index_header .headerBX one a b{width: 27%;}
.topScroll .index_header .headerBX one a c{margin-top: 3%;}
.topScroll .index_header .headerBX one a c e{font-size: 1.4em;}
.topScroll .index_header .headerBX two{margin-top: 0.7%;    height: 65px;    line-height: 65px;}
.topScroll .index_header .headerBX three{margin-top: 2.5%;}
.topScroll .index_header .headerBX one a c f{font-size: 0.7em;}

.index_header{height: 100%;}
.index_header .header_top{width: 100%;border-bottom: 1px solid #f4f4f4;overflow: hidden;z-index: 99999999999;background-color: #fff;}
.index_header .header_top h1{width: 88%;margin: auto;overflow: hidden;margin-bottom: 0.6%;margin-top: 0.2%;}
.index_header .header_top h1 p{float: right;width: 35%;text-align: right;}
.index_header .header_top h1 p b{display: block;float: left;margin-top: 3.2%;width: 19%;text-align: center;font-size: 0.9em;}
.index_header .header_top h1 p b a{color: #b1b1b1;}
.index_header .header_top h1 p c{display: block;float: left;margin-top: 3.2%;font-size: 0.9em;width: 20%;text-align: center;
border-left: 1px solid #b1b1b1;}
.index_header .header_top h1 p c a{color: #b1b1b1;}
.index_header .header_top h1 p d{display: block;float: left;font-size: 0.9em;margin-top: 3.2%;width: 35%;text-align: center;
border-left: 1px solid #b1b1b1;}
.index_header .header_top h1 p d a{color: #b1b1b1;}
.index_header .header_top h1 p e{display: block;float: right;margin-top: 2%;margin-left: 2%;}
.index_header .header_top h1 p e a{color: #b1b1b1;}
.index_header .header_top h1 p e a img{}
.index_header .headerBX{position: fixed;z-index: 99999999999;width: 100%;background-color: #fff;}
.index_header .headerBX .headerbxx{width: 88%;margin: auto;overflow: hidden;}
.index_header .headerBX one{width: 22%;margin: 0 auto;display: block;overflow: hidden;float: left;margin-top: 0.5%;}
.index_header .headerBX one a{display: block;overflow: hidden;}
.index_header .headerBX one a b{display: block;float: left;width: 45%;}
.index_header .headerBX one a b img{ width: 100%; border: none;}
.index_header .headerBX one a c{display: block;float: left;width: 50%;margin-left: 5%;margin-top: 9%;}
.index_header .headerBX one a c e{display: block;font-size:2em;color: #e20c0c;/*letter-spacing: 0.1em;*/}
.index_header .headerBX one a c f{display: block;font-size:1em;color: #e20c0c;}
.index_header .headerBX two{width: 60%;margin: auto;display: block;overflow: hidden; float: left;margin-left:6%;height: 75px;line-height: 75px;margin-top: 2%;}
.index_header .headerBX two dl:hover dd{display: block;}
.index_header .headerBX two dl:hover dt a{color:#e20c0c;border-bottom: 2px solid #e20c0c;}
.index_header .headerBX two dl dd a:hover{background: #e20c0c; color:#fff; }
.index_header .headerBX two dl{width: 18%;float: left;display: block; margin: 0;}
.index_header .headerBX two dl dt{text-align: center; line-height:64px;}
.index_header .headerBX two dl dt a{color: #333;text-decoration:inherit;display:block;padding:0;font-size:1.2em;width: 70%;margin: auto;height:2.2em;}
.index_header .headerBX two dl dd{text-indent:2em;padding-top: 2%;margin: 0;display: none;line-height: 2.4em;width: 12%;position: fixed;background: #fff;}
.index_header .headerBX two dl dd a{color: #838383;text-decoration: inherit; display: block;font-size: 0.92em;}
.index_header .headerBX three{overflow: hidden;display: block;margin-top: 3.6%;color: #afafaf;float: right;font-size: 1.1em;}
.index_header .headerBX three b{display: block;float: left;}
.index_header .headerBX two dl:first-of-type dt a{width: 36%;}


.index_banner{overflow: hidden;height: 29em;}
.index_banner div{overflow: hidden;width: 50%;margin-left: 6%;margin-top: 8%;}
.index_banner div h1{font-size: 2.5em;color: #fff;}
.index_banner div h2{text-transform: uppercase;color: #fff;font-size: 1.2em;border-top:1px solid #fff;border-bottom: 1px solid #f4f4f4;line-height: 1.4em;width: 31%;margin-top: 1.5%;}
.index_banner div h3{margin-top: 6%;width: 45%;font-size: 1.2em;color: #fff;}
.index_banner div h4{margin-top: 3%;width: 18%;text-align: center;line-height: 2.2em;background-color: #e20c0c;border-radius: 0.4em;font-size: 0.9em;}
.index_banner div h4 a{color: #fff;}

.index_cn{width: 88%;margin: auto;margin-top: 3%;overflow: hidden;margin-bottom:5%;height: 43em;}
.index_cn left{float: left;width: 49%;}
.index_cn left .page_cnltop{width: 100%;overflow: hidden;}
.index_cn left .page_cnltop p{}
.index_cn left .page_cnltop p img{}
.index_cn left .page_cnltop div{overflow: hidden;position: relative;}
.index_cn left .page_cnltop div h1{float: left;}
.index_cn left .page_cnltop div h1 b{display: block;font-size: 2.9em;text-transform: uppercase;color: #d1d1d1;opacity: .7;margin-left: 13%;}
.index_cn left .page_cnltop div h1 c{position: absolute;bottom: 10%;font-size: 1.7em;}
.index_cn left .page_cnltop div h2{float: right;margin-top: 4%;width: 25%;}
.index_cn left .page_cnltop div h2 e{display: block;float: left;margin-right: 10%;margin-top: 4%;font-size: 0.9em;color: #8c8c8c;}
.index_cn left .page_cnltop div h2 f{display: block;float: left;}


.scrollbox{width:100%; position: relative;}
#scrollDiv{width:100%;height:550px; overflow:auto; display: block;margin-top: 3%;}
#scrollDiv ul{ width: 100%;}
#scrollDiv li{width:93%;height:88px;padding:10px;margin-right:11px; float:left;background: #fff;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;border-bottom:1px solid #dedede;position: relative;}
#scrollDiv li a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.scroltit{ position: absolute; right:20px; top:35px;width:70px;}
.scroltit small img{margin-top:6px;}

#scrollDiv ul li .index_case1{float: left;width: 12%;height: 4em;background-color: #5a5a5a;margin-top: 1%;}
#scrollDiv ul li .index_case1 b{display: block;text-align: center;margin-top: 21%;text-transform:uppercase;color: #8b8b8b;font-size:0.8em;}
#scrollDiv ul li .index_case1 c{display:block;text-align:center;text-transform:uppercase;color:#cbcbcb;
margin-top:2%;}
#scrollDiv ul li .index_case2{float: left;width: 10%;margin-left: 5%;border-right: 1px solid #bfbfbf;margin-top: 1%;}
#scrollDiv ul li .index_case2 b{display: block;color: #737373;}
#scrollDiv ul li .index_case2 c{display: block;font-size: 1em;color: #737373;}
#scrollDiv ul li .index_case3{float: left;width: 68%;margin-left: 4%;margin-top: 1%;}
#scrollDiv ul li .index_case3 e{display: block;line-height:1.4em;font-size: 1.1em;color: #333333;}
#scrollDiv ul li .index_case3 f{display: block;font-size: 0.9em;padding-top: 1.3%;color: rgba(51, 51, 51, 0.85);}
#scrollDiv ul li:hover .index_case3 e{color: #FF0505;}
#scrollDiv ul li:hover .index_case3 f{color: #FF0505;}
#scrollDiv ul li:hover .index_case1{background-color: #E10808;}
#scrollDiv ul li:hover .index_case1 b{color: #fff;}
#scrollDiv ul li:hover .index_case1 c{color: #fff;}
#scrollDiv ul li:hover .index_case2{border-right: 1px solid rgba(255, 5, 5, 0.5);}
#scrollDiv ul li:hover .index_case2 b{color: #FF0505;}
#scrollDiv ul li:hover .index_case2 c{color: #FF0505;}




.index_cn right{float: left;width: 48%;margin-left: 3%;}
.index_cn right .page_cn2top{width: 100%;overflow: hidden;}
.index_cn right .page_cn2top{width: 100%;overflow: hidden;}
.index_cn right .page_cn2top p{}
.index_cn right .page_cn2top p img{}
.index_cn right .page_cn2top div{overflow: hidden;position: relative;}
.index_cn right .page_cn2top div h1{float: left;}
.index_cn right .page_cn2top div h1 b{display: block;font-size: 2.9em;text-transform: uppercase;color: #d1d1d1;opacity: .7;margin-left: 13%;}
.index_cn right .page_cn2top div h1 c{position: absolute;bottom: 10%;font-size: 1.7em;}
.index_cn right .page_cn2top div h2{float: right;margin-top: 4%;width: 15%;text-align: center;line-height: 1.6em;box-shadow: 1px 1px 0px 0.5px #a7a7a7;margin-right: 1%;}
.index_cn right .page_cn2top div h2 a{color: #a7a7a7;}
.index_cn right .page_cn2bottom{overflow: auto; height:568px;}
.index_cn right .page_cn2bottom ul{overflow: hidden;}
.index_cn right .page_cn2bottom ul li{overflow: hidden;padding-bottom: 2.73%;border-bottom: 1px solid #ccc;margin-top: 3%;position: relative;}
.index_cn right .page_cn2bottom ul li a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index_cn right .page_cn2bottom ul li h1{overflow: hidden;line-height: 1.7em;}
.index_cn right .page_cn2bottom ul li b{display: block;float: left;width: 15%;text-align: center;background-color: #a0a0a0;color: #fff;
font-size: 0.9em;}
.index_cn right .page_cn2bottom ul li c{display: block;float: left;margin-left: 2%;color: #919191;}
.index_cn right .page_cn2bottom ul li h2{margin-top: 2.3%;font-size: 1.1em;color: #333333;}
.index_cn right .page_cn2bottom ul li:hover h2{color: #FF0505;}
.index_cn right .page_cn2top div a:hover{color: #FF0505;}

.footer{background-color: #363636;height: 12em;}
.footer .footer_top{overflow: hidden;width: 88%;margin: auto;padding-top: 3.5%;}
.footer .footer_top left{float: left;overflow: hidden;width: 25%;}
.footer .footer_top left b{display: block;float: left;}
.footer .footer_top left b img{}
.footer .footer_top left c{float: left;margin-top: 2.3%;color: #9a9a9a;font-size: 1.2em;margin-left: 2%;}
.footer .footer_top right{float: left;width: 55%;margin-top: 1%;}
.footer .footer_top right ul{overflow: hidden;}
.footer .footer_top right ul li{float: left;width: 12%;text-align: center;border-right: 1px solid #989898;font-size: 0.9em;}
.footer .footer_top right ul li a{color: #989898;}
.footer .footer_top right ul li:last-child{border-right: 0;width: 13%;}
.footer .footer_bottom{width: 88%;margin: auto;position: relative;}
.footer .footer_bottom .footer_bol{float: left;width: 70%;margin-top: 1%;}
.footer .footer_bottom .footer_bol h1{color: #707070;font-size: 0.9em;}
.footer .footer_bottom .footer_bol h2{color: #707070;font-size: 0.8em;margin-top: 0.5%;}
.footer .footer_bottom .family_site{position: absolute;right: 100px;top: 0;}
.footer .footer_bottom .family_site p{width: 170px;border-bottom: 1px solid #989898;position: relative;height: 34px;line-height: 34px;
font-size: 14px;color: #989898;background: url(../images/footer_dot02.png) 100% 50% no-repeat;cursor: pointer;}
.footer .footer_bottom .family_site .site_list{position: absolute;background: url(../images/footer_dot02_on.png) 286px 173px no-repeat #363636;padding: 23px 18px 40px 20px;border: 1px solid #989898;bottom: 0;width: 310px;right: -10px;display: none;opacity: 0;
filter: alpha(opacity=0);}
.footer .footer_bottom .family_site ul{font-size: 14px;float: left;}
.footer .footer_bottom .family_site ul.site_list01{padding-right: 20px;}
.footer .footer_bottom .family_site ul li:first-child{padding-top: 0;}
.footer .footer_bottom .family_site ul li{padding-top: 15px;}
.footer .footer_bottom .family_site ul a{color: #989898;position: relative;}






@media screen and (min-width:1920px){
.top{height: 169px;}
.index_header .headerBX one a b{width: 35%;}
.index_header .headerBX two dl dd{padding-top: 1.5%;}	
.index_banner div h2{width: 23%;}	
.index_banner div{margin-top: 8%;}
.videoList dd{height: 13em !important;}	
.videoa p f{margin-top: 29% !important;margin-left: 50% !important;}	
.index_cn left .page_cnltop div h1 c{bottom: 14%;}	
.index_cn left .page_cnltop div h2{margin-top: 2%;}	
.index_cn left .page_cnltop div h2 e{margin-top: 2%;}	
.index_cn right .page_cn2top div h2{margin-top: 2%;}
.index_cn right .page_cn2bottom ul li{padding-bottom: 2.65%;}
.index_cn right .page_cn2bottom ul li h2{margin-top: 1.5%;}	
#scrollDiv{height: 660px;}
.footer{height: 14em;}
}